﻿<!DOCTYPE html>
<!--[if lt IE 7]><html class="ie ie6 lt8 lt9 lt10"><![endif]-->
<!--[if IE 7]><html class="ie ie7 lt8 lt9 lt10"><![endif]-->
<!--[if IE 8]><html class="ie ie8 lt9 lt10"><![endif]-->
<!--[if IE 9]><html class="ie ie9 lt10"><![endif]-->
<!--[if (gt IE 9) | !(IE)]><!-->
<html>
<!--<![endif]-->
<head>
	<!--#include file="../inc/key.aspx"-->
	<link rel="stylesheet" href="../css/index.css">
</head>
<body>
<!--#include file="../inc/header.aspx"-->
<div class="main">
	<div class="pro_dcont">
		<div class="pro_d01">
			<div class="wrap">
				<div class="left">
					<div class="slider_cont">
                        <div class="slider_box">
                            <div class="case_show">
                                <div class="case_show_b">
                                    <div class="swiper-container">
                                        <ul class="swiper-wrapper">
                                           <li class="swiper-slide swiper-no-swiping"><img class="ratio-img" data-ratio="0.75228" src="../upload/pro_d_01.jpg"/></li>
                                           <li class="swiper-slide swiper-no-swiping"><img class="ratio-img" data-ratio="0.75228" src="../upload/pro_d_02.jpg"/></li>
                                           <li class="swiper-slide swiper-no-swiping"><img class="ratio-img" data-ratio="0.75228" src="../upload/pro_d_03.jpg"/></li>
                                           <li class="swiper-slide swiper-no-swiping"><img class="ratio-img" data-ratio="0.75228" src="../upload/pro_d_04.jpg"/></li>
                                        </ul>
                                    </div>
                                    <div class="but">
                                        <div class="swiper-button-prev"></div>
                                        <div class="swiper-button-next"></div>
                                    </div>
                                </div>
                                <div class="case_show_s">
                                    <div class="swiper-container">
                                        <ul class="swiper-wrapper">
                                            <li class="swiper-slide swiper-no-swiping"><img class="ratio-img"  src="../upload/pro_d_01.jpg"/><em></em></li>
                                           	<li class="swiper-slide swiper-no-swiping"><img class="ratio-img"  src="../upload/pro_d_02.jpg"/><em></em></li>
                                           	<li class="swiper-slide swiper-no-swiping"><img class="ratio-img"  src="../upload/pro_d_03.jpg"/><em></em></li>
                                           	<li class="swiper-slide swiper-no-swiping"><img class="ratio-img"  src="../upload/pro_d_04.jpg"/><em></em></li>
                                        </ul>
                                    </div>
                                    <div class="but_button">
                                        <div class="swiper-button-prev"></div>
                                        <div class="swiper-button-next"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
				</div>
				<div class="right">
					<h4>
						<p class="fnt_16">日上精品门——铸铝门系列</p>
						<span>网上优惠价<i class="fnt_24">￥199999</i></span>
					</h4>
					<h1 class="fnt_36 bold">古龙宝典</h1>
					<h2 class="fnt_24">匠心精品，致力打造梦幻豪门</h2>
					<div class="pro_ul">
						<ul>
							<li>
								<dl>
									<dt><img src="../images/pro_ic01.png"></dt>
									<dd>
										环保安全
									</dd>
								</dl>
							</li>
							<li>
								<dl>
									<dt><img src="../images/pro_ic02.png"></dt>
									<dd>
										环保安全
									</dd>
								</dl>
							</li>
							<li>
								<dl>
									<dt><img src="../images/pro_ic03.png"></dt>
									<dd>
										环保安全
									</dd>
								</dl>
							</li>
						</ul>
					</div>
					<div class="chose_color">
						<span>可选配色</span>
						<p>
							<em class="on"><img src="../upload/pro_color_01.jpg"></em>
							<em><img src="../upload/pro_color_02.jpg"></em>
							<em><img src="../upload/pro_color_03.jpg"></em>
						</p>
					</div>
					<div class="pro_shop">
						<h4>下单购买</h4>
						<ul>
							<li><a href="##"><img src="../upload/pro_shop01.png"></a></li>
							<li><a href="##"><img src="../upload/pro_shop02.png"></a></li>
							<li><a href="##"><img src="../upload/pro_shop03.png"></a></li>
						</ul>
					</div>
					<div class="pro_btn">
						<a class="ruler_btn" href="javascript:void(0);">预约上⻔量尺</a>
						<a class="favorites icon-heart" href="javascript:void(0);"><i>收藏</i></a>
					</div>
				</div>
			</div>
		</div>
		<div class="pro_d02">
			<div class="wrap">
				<div class="pro_tab fnt_18">
					<ul>
						<li class="on"><a href="javascript:void(0);">场景展示</a></li>
						<li><a href="javascript:void(0);">产品细节</a></li>
						<li><a href="javascript:void(0);">产品参数</a></li>
						<li><a href="javascript:void(0);">服务质量</a></li>
						<li><a href="javascript:void(0);">同系列产品</a></li>
					</ul>
				</div>
				<div class="pro_edit">
					<div class="pro_edit pro_edit01 margin_b60">
						<div class="pro_title fnt_24">
							<h1>SCENE DISPLAY</h1>
							<h2>场景展示</h2>
						</div>
						<!--xhrcms_start_content_content-->
		                <div class="edit_con_original edit-con-original">
		                    <p><img src="../upload/proimg_01.jpg" ></p>
		                    <p><img src="../upload/proimg_02.jpg" ></p>
		                    <p><img src="../upload/proimg_03.jpg" ></p>
		                </div>
		                <!--xhrcms_end_content_content--> 
					</div>
					<div class="pro_edit pro_edit02 margin_b60">
						<div class="pro_title fnt_24">
							<h1>PRODUCT DETAILS</h1>
							<h2>产品细节</h2>
						</div>
						<!--xhrcms_start_content_content-->
		                <div class="edit_con_original edit-con-original">
		                    <p><img src="../upload/proimg_04.jpg" ></p>
		                    <p><img src="../upload/proimg_05.jpg" ></p>
		                </div>
		                <!--xhrcms_end_content_content--> 
					</div>
					<div class="pro_edit pro_edit03 margin_b60">
						<div class="pro_title fnt_24">
							<h1>PRODUCT PARAMETERS</h1>
							<h2>产品参数</h2>
						</div>
						<div class="parameters">
							<dl>
								<dt><img src="../upload/pro_parameters.jpg"></dt>
								<dd>
									<ul class="fnt_16">
										<li>
											<span>材质</span>
											<p>优质镀锌板</p>
										</li>
										<li>
											<span>尺寸</span>
											<p>定制</p>
										</li>
										<li>
											<span>填充物</span>
											<p>航空铝箔</p>
										</li>
										<li>
											<span>板材厚度</span>
											<p>面板1.0mm/门框2.0mm</p>
										</li>
										<li>
											<span>下框</span>
											<p>艺术方格双层不锈钢下框</p>
										</li>
									</ul>
									<div class="p01">定制以实际测量尺寸为准</div>
								</dd>
							</dl>
						</div>
					</div>
					<div class="pro_edit pro_edit04 margin_b60">
						<div class="pro_title fnt_24">
							<h1>SERVICE QUALITY</h1>
							<h2>服务质量<span class="fnt_16">品质生活，从细节出发</span></h2>
						</div>
						<div class="quality_top">
							<ul>
								<li><div class="imgbox"><img src="../upload/proimg_list01.jpg"></div></li>
								<li><div class="imgbox"><img src="../upload/proimg_list02.jpg"></div></li>
								<li><div class="imgbox"><img src="../upload/proimg_list03.jpg"></div></li>
							</ul>
						</div>
						<div class="quality_bottom">
							<ul>
								<li>
									<img class="ratio-img" data-ratio="0.2914" src="../upload/proimg_q01.jpg">
									<div class="blank_27"></div>
									<div class="quality_box">
										<div class="quality_title">
											<h1 class="fnt_36">甄选进口环保基材</h1>
											<p class="fnt_24">来自大自然的馈赠</p>
										</div>
										<div class="quality_icon">
											<dl>
												<dt><img src="../images/quality_icon01.png"></dt>
												<dd>
													环保健康
												</dd>
											</dl>
											<dl>
												<dt><img src="../images/quality_icon02.png"></dt>
												<dd>
													坚韧耐用
												</dd>
											</dl>
											<dl>
												<dt><img src="../images/quality_icon03.png"></dt>
												<dd>
													防潮抗裂
												</dd>
											</dl>
										</div>
									</div>
								</li>
								<li>
									<img class="ratio-img" data-ratio="0.2914" src="../upload/proimg_q02.jpg">
									<div class="blank_27"></div>
									<div class="quality_box">
										<div class="quality_title">
											<h1 class="fnt_36">独特工艺</h1>
											<p class="fnt_24">传统工艺并加以改良</p>
										</div>
										<div class="quality_icon">
											<dl>
												<dt><img src="../images/quality_icon01.png"></dt>
												<dd>
													环保健康
												</dd>
											</dl>
											<dl>
												<dt><img src="../images/quality_icon02.png"></dt>
												<dd>
													坚韧耐用
												</dd>
											</dl>
											<dl>
												<dt><img src="../images/quality_icon03.png"></dt>
												<dd>
													防潮抗裂
												</dd>
											</dl>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>

				</div>
			</div>
		</div>
		<div class="pro_d03">
			<div class="wrap">
				<div class="pro_title fnt_24">
					<h1>SAME SERIES PRODUCTS</h1>
					<h2>同系列产品</h2>
				</div>
				<div class="pro_slider">
					<div class="pro_list">
						<div class="swiper-container">
	                        <ul class="swiper-wrapper">
	                            <li class="swiper-slide swiper-no-swiping">
	                            	<dl class="tran_scale">
										<dt><a href="details.aspx"><img class="ratio-img" data-ratio="1" src="../upload/pro_01.jpg"></a></dt>
										<dd>
											<p>日上防盗门——20000系列</p>
											<h3 class="fnt_24"><a href="details.aspx">57-迷幻森林</a></h3>
											<div class="p01 fnt_18">网上优惠价:￥199999</div>
											<div class="pro_btn">
												<a class="ruler_btn" href="javascript:void(0);">预约上⻔量尺</a>
												<a class="favorites icon-heart" href="javascript:void(0);"><i>收藏</i></a>
											</div>
										</dd>
									</dl>
	                            </li>
	                           	<li class="swiper-slide swiper-no-swiping">
									<dl class="tran_scale">
										<dt><a href="details.aspx"><img class="ratio-img" data-ratio="1" src="../upload/pro_02.jpg"></a></dt>
										<dd>
											<p>日上精品门——铸铝门系列</p>
											<h3 class="fnt_24"><a href="details.aspx">华夏至尊</a></h3>
											<div class="p01 fnt_18">网上优惠价:￥199999</div>
											<div class="pro_btn">
												<a class="ruler_btn" href="javascript:void(0);">预约上⻔量尺</a>
												<a class="favorites icon-heart" href="javascript:void(0);"><i>收藏</i></a>
											</div>
										</dd>
									</dl>
								</li>
								<li class="swiper-slide swiper-no-swiping">
									<dl class="tran_scale">
										<dt><a href="details.aspx"><img class="ratio-img" data-ratio="1" src="../upload/pro_03.jpg"></a></dt>
										<dd>
											<p>精品门——铸铝门系列</p>
											<h3 class="fnt_24"><a href="details.aspx">别具一格</a></h3>
											<div class="p01 fnt_18">网上优惠价:￥199999</div>
											<div class="pro_btn">
												<a class="ruler_btn" href="javascript:void(0);">预约上⻔量尺</a>
												<a class="favorites icon-heart" href="javascript:void(0);"><i>收藏</i></a>
											</div>
										</dd>
									</dl>
								</li>
								<li class="swiper-slide swiper-no-swiping">
									<dl class="tran_scale">
										<dt><a href="details.aspx"><img class="ratio-img" data-ratio="1" src="../upload/pro_04.jpg"></a></dt>
										<dd>
											<p>日上精品门——铜门系列</p>
											<h3 class="fnt_24"><a href="details.aspx">宫廷豪爵</a></h3>
											<div class="p01 fnt_18">网上优惠价:￥199999</div>
											<div class="pro_btn">
												<a class="ruler_btn" href="javascript:void(0);">预约上⻔量尺</a>
												<a class="favorites icon-heart" href="javascript:void(0);"><i>收藏</i></a>
											</div>
										</dd>
									</dl>
								</li>
								<li class="swiper-slide swiper-no-swiping">
									<dl class="tran_scale">
										<dt><a href="details.aspx"><img class="ratio-img" data-ratio="1" src="../upload/pro_05.jpg"></a></dt>
										<dd>
											<p>日上精品门——铸铝门系列</p>
											<h3 class="fnt_24"><a href="details.aspx">华夏至尊</a></h3>
											<div class="p01 fnt_18">网上优惠价:￥199999</div>
											<div class="pro_btn">
												<a class="ruler_btn" href="javascript:void(0);">预约上⻔量尺</a>
												<a class="favorites icon-heart" href="javascript:void(0);"><i>收藏</i></a>
											</div>
										</dd>
									</dl>
								</li>
	                        </ul>
	                    </div>
	                    <div class="but_button02">
	                        <div class="swiper-button-prev"></div>
	                        <div class="swiper-button-next"></div>
	                    </div>
                    </div>
				</div>
				<div class="pub_more"><a href="index.aspx">查看更多</a></div>
			</div>
		</div>
	</div>
</div>
<!--#include file="../inc/footer.aspx"-->
<script type="text/javascript" src="../js/genomic.js"></script>
</body>
</html>